<template>
  <div>
    <f7-navbar title="个人中心"></f7-navbar>
    <geren></geren>
    <f7-list>
      <f7-list-item link="/persionaldata/" header="个人资料" panel-close>
        <f7-icon slot="media" material="account_circle" size="33px"></f7-icon>
      </f7-list-item>
      <f7-list-item link="/changepassword/" header="修改密码" panel-close>
        <f7-icon slot="media" material="lock" size="33px"></f7-icon>
      </f7-list-item>
      <f7-list-item link="/about/" header="关于" panel-close>
        <f7-icon slot="media" material="info" size="33px"></f7-icon>
      </f7-list-item>
    </f7-list>
    <f7-list>
      <f7-list-item link="/" header="退出登录" panel-close>
        <f7-icon slot="media" material="exit_to_app" size="33px"></f7-icon>
      </f7-list-item>
    </f7-list>
  </div>
</template>
<script>
import geren from "@/components/geren";
export default {
    components: {
    geren
  },
  name: "personal",
  data() {
    return {};
  },
  methods: {}
};
</script>
<style  scoped>
</style>
